Images in the Document

Images that load within the Document from the Document's Directory

The following image was loaded with the following tag:

<IMG SRC="mthood.gif" ALT="Photograph of Mt. Hood" ALIGN=Top>

Photograph of Mt. Hood This text follows the Photograph and is displayed using ALIGN=Top. Notice what happens if I continue this text. This may vary depending upon the browser.

The following image was loaded with the following tag:

<IMG SRC="mouse.gif" ALT="Photograph of a mouse" ALIGN=Middle>

Photograph of a mouse This text follows the Photograph and is displayed using ALIGN=Middle. Notice what happens if I continue this text.

The following image was loaded with the following tag:

<IMG SRC="mthood.gif" ALT="Photograph of Mt. Hood" ALIGN=Bottom>

Photograph of Mt. Hood This text follows the Photograph and is displayed using ALIGN=BOTTOM. Notice what happens if I continue this text.

Images on a specified server

The following image is in this directory, but it could be anywhere. As long as the server is up and the image is available, it will load.

The tag follows:

<IMG SRC="http://orchard.washtenaw.cc.mi.us:8080/rinn/tutorial/clown.gif"

ALT="Photograph of a Clown." ALIGN=Middle>

Photograph of a Clown The Clown!

There is a paragraph tag before this line. The title "The Clown!" was placed directly after the IMG tag.

Here is a tag to another server. It may, or may not work depending on whether or not the server is up and the image is available.
<IMG SRC="http://oak.oakland.edu:8080/SimTel/msdos/gif/pepsi.gif" ALT="Pepsi Can" ALIGN=Middle>
Pepsi Can The Pepsi Can.

Hot Text Images

The Hot text of an Anchor can contain an Image. The following is a hot mouse, and the tag is as follows:
<A HREF="imgex1.html"><IMG SRC="mthood.gif" ALIGN=Middle>The Hot Mountain.</A>
The Hot Mountain.

Images as Anchors

i.e. Downloading images by choice

The following anchor points directly to an image. When clicked on, it will download the image. Use the "Back" button on your browser to return to this document.
The anchor tag looks like this:
<A HREF="blastoff.gif">The Space Shuttle.</A>
The Space Shuttle.
The following has the following anchor tag:
<A HREF="http://orchard.washtenaw.cc.mi.us:8080/rinn/tutorial/parrot.gif">A Parrot.</A>
A Parrot.
Here is the Pepsi can from the distant server. The anchor tag looks like this:
<A HREF="http://oak.oakland.edu:8080/SimTel/msdos/gif/pepsi.gif">The Pepsi Can.</A>
The Pepsi Can.

If the Pepsi Can came down here, but not above, go back and check it again. It may now be down.

Back to the Image Page.

Try it yourself.

Back to the HTML Index Page.